<!doctype html>
<html lang="en" dir="ltr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>登录</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.2/css/bootstrap.min.css" integrity="sha384-GH8+msY/ntkhYL56g4QO4lj4D8oN25fO9NIVb0Lq+CkDIFQ2t+GJt0cMO5ZJb/YF" crossorigin="anonymous">
    <style>
        body {
            background-color: #f5f5f5;
            font-family: "Microsoft Yahei", sans-serif;
        }
    .login-form {
        background-color: #fff;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        width: 350px;
        max-width: 100%;
        padding: 25px;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .form-control {
        border-color: #ddd;
        border-radius: 5px;
    }

    .form-control:focus {
        border-color: #16a0d3;
        box-shadow: none;
    }

    .btn-primary {
        background-color: #16a0d3;
        border-color: #16a0d3;
        border-radius: 5px;
        font-size: 14px;
        font-weight: bold;
        padding: 8px 16px;
    }

    .btn-primary:hover, .btn-primary:focus {
        background-color: #0077b6;
        border-color: #0077b6;
    }

    .error-msg {
        color: red;
        font-size: 12px;
        margin-top: 10px;
    }
</style>
</head>
<body>
    <div class="container">
        <form name="login" class="login-form" action="./login" method="post" autocomplete="off">
            <div class="mb-3">
                <label for="password" class="form-label">密码</label>
                <input type="password" name="password" id="password" class="form-control" placeholder="请输入密码" required>
            </div>
            <button type="submit" class="btn btn-primary">登录</button>
            <div class="error-msg">
                <?php
                    $err = $_GET['err'] ?? '';
                    echo $err;
                ?>
            </div>
        </form>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
</body>
</html>